<template>
	<view class="fkfs">
		<image :src="bank1" mode="widthFix" style="width: 100%"></image>
		<image :src="bank2" mode="widthFix" style="width: 100%"></image>
		<image :src="bank3" mode="widthFix" style="width: 100%"></image>
		<view class="line">
			<image :src="bank4" mode="widthFix"></image>
			<image :src="bank5" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	import bank1 from '@/static/icon/bank1.png';
	import bank2 from '@/static/icon/bank2.png';
	import bank3 from '@/static/icon/bank3.png';
	import bank4 from '@/static/icon/Group 1042.png';
	import bank5 from '@/static/icon/Group 1044.png';

	export default {
		data() {
			return {
				bank1,
				bank2,
				bank3,
				bank4,
				bank5
			}
		}
	}
</script>

<style lang="scss" scoped>
	.fkfs {
		padding: 20rpx 30rpx;

		image {
			margin-bottom: 20rpx;
		}

		.line {
			display: flex;
			gap: 20rpx;
		}
	}
</style>